<template>
  <div>
    <div>
      <div class="layui-col-md12" style="height: 170px;margin-top:34px">
        <div class="layadmin-contact-box">
          <div style="width: 100px;float: left;min-height:0;height:auto;">
            <span>
              <div class="layadmin-text-center">
<!--                <img style="width: 100px;height: 125px" :src="d.face?global.getUrl(model.face,Config.res):'images/course.png'">-->
              </div>
            </span>
            <div style="width:100px;height:17px;text-align:center;padding-top:10px;">
              <img src="images/u3697.svg" style="width:13px;height:13px"/>
              <img src="images/u3697.svg" style="width:13px;height:13px"/>
              <img src="images/u3697.svg" style="width:13px;height:13px"/>
              <img src="images/u3697.svg" style="width:13px;height:13px"/>
              <div style="font-size:12px;margin-top:2px;float:right;margin-right:10px"> 4.8</div>
            </div>
          </div>
          <div class="layadmin-padding-left20" style="width: 300px;float: left;margin-left:40px">
            <span>
              <div class="layadmin-title" style="overflow: hidden;">
                <div
                  style="font-weight: bold;font-size:24px;float:left;color:#333333;font-size: 16px;line-height:22px;height:22px">{{model.courseName}}</div>
              </div>
              <div class="layadmin-title"
                   style="margin-top: 5px;color:#999999;height:20px;line-height:20px;">
                {{model.summary}}
              </div>
              <div class="layadmin-title" style="height:17px;">
                <span style="font-size:12px;color:#0051CD">0节内容, 0人参与 <img
                  src="images/u5601.svg" style="width:4px;height:9px;margin-left:2px;"/></span>
              </div>
              <div class="layadmin-title"
                   style="overflow: hidden;height:20px;margin-top:13px;min-width:0;width:auto;">
                <!-- <span style="float:left;font-size:12px;">一级分类|二级分类</span> -->
                <div
                  style="text-align:center;line-height: 20px;width:50px;height:20px;float:left;margin-right:10px;background:#eaeef1;border-radius: 2px;color:#636D8A;font-size:10px;line-height: 20px;"
                  v-for="n in model.labelList">{{n}}</div>
                <!-- <div style="text-align:center;line-height: 20px;width:50px;height:20px;float:left;margin-left:6px;background:#eaeef1;border-radius: 2px;font-size:10px;line-height: 20px;">标签二</div>
                                     <div style="text-align:center;line-height: 20px;width:50px;height:20px;float:left;margin-left:6px;background:#eaeef1;border-radius: 2px;font-size:10px;line-height: 20px;">标签三</div> -->
              </div>
              <div class="layadmin-title"
                   style="height:17px;color:#666666;margin-top:7px;font-size:12px">
                {{model.createTime}}
              </div>
            </span>
          </div>
        </div>
        <!-- <div class="layui-form-item"> -->
        <button v-show="!is_platform" class="layui-btn "
                style="position:absolute;right:20px;background: #0051CD;color:#FFFFFF">导出课程报告
        </button>
        <!-- </div> -->
        <div v-show="is_platform">
          <button v-show="!model.companyCourseId" class="layui-btn"
                  style="position:absolute;right:20px;background: #0051CD;color:#FFFFFF" @click="subscribeCourse">订阅
          </button>
          <button v-show="model.companyCourseId" class="layui-btn"
                  style="position:absolute;right:20px;background: #0051CD;color:#FFFFFF" @click="unSubscribeCourse">
            取消订阅
          </button>
        </div>

      </div>
    </div>
    <el-tabs type="border-card">
      <el-tab-pane>
        <span slot="label">目录</span>
        <CourseCatalog/>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">目录</span>
        <CourseEvaluate/>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">目录</span>
        <CourseImprove/>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">目录</span>
        <CourseIntroduce/>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">目录</span>
        <CourseNote/>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">目录</span>
        <CoursePPT/>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">目录</span>
        <CourseReplay/>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">目录</span>
        <CourseSchedule/>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">目录</span>
        <CourseSpace/>
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label">目录</span>
        <CourseTask/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import CourseCatalog from "../../../components/Course/CourseCatalog";
  import CourseEvaluate from "../../../components/Course/CourseEvaluate";
  import CourseImprove from "../../../components/Course/CourseImprove";
  import CourseIntroduce from "../../../components/Course/CourseIntroduce";
  import CourseNote from "../../../components/Course/CourseNote";
  import CoursePPT from "../../../components/Course/CoursePPT";
  import CourseReplay from "../../../components/Course/CourseReplay";
  import CourseSchedule from "../../../components/Course/CourseSchedule";
  import CourseSpace from "../../../components/Course/CourseSpace";
  import CourseTask from "../../../components/Course/CourseTask";
  export default {
    name: "CourseDetail",
    components: {
      CourseTask,
      CourseSpace,
      CourseSchedule,
      CourseReplay, CoursePPT, CourseNote, CourseIntroduce, CourseImprove, CourseEvaluate, CourseCatalog},
    data(){
      return {
        is_platform:true,
        model:{
          companyCateId: null,
          companyCourseId: null,
          companyCourseIsRelease: null,
          companyId: null,
          companyName: null,
          courseCateId: 284,
          courseCateName: "安全法",
          courseLabel: "人力资源,干部管理",
          courseName: "激活组织的三板斧",
          courseType: 1,
          createTime: "2020-11-24 15:53:15",
          creator: 1,
          face: "/platform/image/20201124/201124155230558.jpg",
          id: 60,
          isCompanyCourse: null,
          isDelete: 0,
          isRelease: 1,
          labelList: ["人力资源", "干部管理"],
          liveAllowReplay: null,
          liveDuration: null,
          liveUrl: null,
          lockMode: null,
          memo: "<p>员工想不想干？<br>员工会不会干？<br>员工能不能干？员工想不想干？</p><p>员工会不会干？<br>员工能不能干？员工想不想干？</p><p>员工会不会干？<br>员工能不能干？员工想不想干？</p><p>员工会不会干？<br>员工能不能干？员工想不想干？</p><p>员工会不会干？<br>员工能不能干？员工想不想干？</p><p>员工会不会干？<br>员工能不能干？员工想不想干？</p><p>员工会不会干？<br>员工能不能干？</p>",
          outAddress: null,
          outBeginTime: null,
          outEndTime: null,
          outFee: null,
          parentCateId: 170,
          parentCateName: "法律服务",
          summary: "员工想不想干？↵员工会不会干？↵员工能不能干？",
          supplierId: null,
          supplierName: null,
          unlockDay: null,
        },
      }
    }
  }
</script>

<style scoped>

</style>
